<template>
	<view class="withholding">
		<u-navbar title="预扣金额说明" title-color="#333" back-icon-color="#333"></u-navbar>
		<!-- 内容 -->
		<view class="withholding-content">
		  <view class="withholding-box">
		    <!-- 作用 -->
		    <view class="withholding-box-one">
		      <text></text>
		      <text class="withholding-one-font">作用</text>
		    </view>
		    <view class="withholding-box-two1">
		      <text>派单时候冻结客户余额, 保证客户余额充足, 以避免结算时余额不足造成的无法出厂情况。</text>
		    </view>
		    <!-- 计算方式 -->
		    <view class="withholding-box-one">
		      <text></text>
		      <text class="withholding-one-font">计算方式</text>
		    </view>
		    <view class="withholding-box-two2">
		      <text>（购买物料金额+运费金额）* 预支付比例 = 冻结金额 <br>
		        预支付比例说明：需要额外支付金额的系数，如设置1.2则冻结金额为实际金额乘以1.2</text>
		    </view>
		  </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.withholding {
	  width: 100%;
	/*  height: 100%;
	  position: fixed;
	  background: rgba(255, 255, 255, 1); */
	}

	/* 内容 */
	.withholding-content {
	  width: 100%;
	  /* margin-top: 146rpx; */
	}
	
	.withholding-box {
	  width: 100%;
	  padding: 70rpx 24rpx 0;
	  font-size: 0;
	}
	
	.withholding-box-one {
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	}
	
	.withholding-box-one>text:first-child {
	  width: 30rpx;
	  height: 30rpx;
	  display: inline-block;
	  border: 4rpx solid rgba(0, 161, 241, 1);
	  border-radius: 50%;
	}
	
	.withholding-one-font {
	  font-size: 26rpx;
	  color: rgba(153, 153, 153, 1);
	  margin-left: 20rpx;
	}
	
	.withholding-box-two1 {
	  padding: 30rpx 0 50rpx 50rpx;
	
	}
	
	.withholding-box-two2 {
	  padding-top: 30rpx;
	}
	
	.withholding-box-two1>text {
	  font-size: 26rpx;
	  color: rgba(51, 51, 51, 1);
	}
	
	.withholding-box-two2>text {
	  font-size: 24rpx;
	  color: rgba(51, 51, 51, 1);
	}

</style>
